@charset "utf-8";
/***********common*****************/
html.fp-enabled, .fp-enabled body { margin: 0; padding: 0; overflow: hidden; -webkit-tap-highlight-color: rgba(0,0,0,0); }
.fp-section { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.fp-slide { float: left; }
.fp-slide, .fp-slidesContainer {min-height:100vh; display: block; }
.fp-slides { z-index: 1;min-height:100vh; overflow: hidden; position: relative; -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */ transition: all 0.3s ease-out; }
.fp-section.fp-table, .fp-slide.fp-table { display: table; table-layout: fixed; width: 100%; }
.fp-tableCell { display: table-cell; vertical-align:middle; width: 100%;min-height:100vh; }
.fp-slidesContainer { float: left; position: relative; }
.fp-controlArrow { -webkit-user-select: none; /* webkit (safari, chrome) browsers */ -moz-user-select: none; /* mozilla browsers */ -khtml-user-select: none; /* webkit (konqueror) browsers */ -ms-user-select: none; /* IE10+ */ position: absolute; z-index: 4; top: 50%; cursor: pointer; width: 0; height: 0; border-style: solid; margin-top: -38px; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.fp-controlArrow.fp-prev { left: 15px; width: 0; border-width: 38.5px 34px 38.5px 0; border-color: transparent #fff transparent transparent; }
.fp-controlArrow.fp-next { right: 15px; border-width: 38.5px 0 38.5px 34px; border-color: transparent transparent transparent #fff; }
.fp-scrollable { overflow: hidden; position: relative; }
.fp-scroller { overflow: hidden; }
.iScrollIndicator { border: 0 !important; }
.fp-notransition { -webkit-transition: none !important; transition: none !important; }

#fp-nav { position: fixed; z-index: 99; margin-top: -32px; top: 50%; opacity: 1; -webkit-transform: translate3d(0, 0, 0); }
#fp-nav.right { right: 17px; }
#fp-nav.left { left: 17px; }
.fp-slidesNav { position: absolute; z-index: 4; opacity: 1; -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0 !important; right: 0; margin: 0 auto !important; }
.fp-slidesNav.bottom { bottom: 17px; }
.fp-slidesNav.top { top: 17px; }
#fp-nav ul, .fp-slidesNav ul { margin: 0; padding: 0; }
#fp-nav ul li, .fp-slidesNav ul li { display: block; width: 14px; height: 13px; margin: 7px; position: relative; }
.fp-slidesNav ul li { display: inline-block; }

#fp-nav ul li a, .fp-slidesNav ul li a { display: block; position: relative; z-index: 1; width: 100%; height: 100%; cursor: pointer; text-decoration: none; }
#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span { height: 12px; width: 12px; margin: -6px 0 0 -6px; border-radius: 100%; }
#fp-nav ul li a span, .fp-slidesNav ul li a span { border-radius: 50%; position: absolute; z-index: 1; height: 4px; width: 4px; border: 0; background: #3fb150; left: 50%; top: 50%; margin: -2px 0 0 -2px; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; }
#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span { width: 10px; height: 10px; margin: -5px 0px 0px -5px; }
#fp-nav ul li .fp-tooltip { position: absolute; top: -2px; color: #fff; font-size: 14px; font-family: arial, helvetica, sans-serif; white-space: nowrap; max-width: 220px; overflow: hidden; display: block; opacity: 0; width: 0; cursor: pointer; }
#fp-nav ul li:hover .fp-tooltip, #fp-nav.fp-show-active a.active + .fp-tooltip { -webkit-transition: opacity 0.2s ease-in; transition: opacity 0.2s ease-in; width: auto; opacity: 1; }
#fp-nav ul li .fp-tooltip.right { right: 20px; }
#fp-nav ul li .fp-tooltip.left { left: 20px; }
.fp-auto-height.fp-section, .fp-auto-height .fp-slide, .fp-auto-height .fp-tableCell { height: auto !important; }
.fp-responsive .fp-auto-height-responsive.fp-section, .fp-responsive .fp-auto-height-responsive .fp-slide, .fp-responsive .fp-auto-height-responsive .fp-tableCell { height: auto !important; }

.site-casa { min-height: 100vh;}

/***section1***/
.section1 { background: #000; position:relative; z-index:0;}
.hpo { width:100%; height:60px;}
.vbt{ display:none;}
/***section2***/
.section2 { background: url(../images/bg1.jpg) no-repeat center; background-size: cover; line-height: normal; position: relative; z-index: 0;min-height:100vh; overflow:hidden; }
.section2 .about_l { width: 48%; overflow: hidden; float: left; }
.section2 .about_l .atop { width: 100%; overflow: hidden; font-weight: bolder; line-height: normal; }
.section2 .about_l .atop dt { width: 100%; overflow: hidden; position: relative; }
.section2 .about_l .atop dt span { display: block; color: #f3f3f3; font-family: Arial; text-transform: uppercase; }
.section2 .about_l .atop dt i { width: 100%; overflow: hidden; display: block; font-style: normal; color: #3fb150; position: absolute; left: 0; top: 1vw; z-index: 10; }
.section2 .about_l .atop dd { width: 100%; overflow: hidden; color: #3fb150; padding-top: 1vw; }
.section2 .about_l .btop { width: 100%; overflow: hidden; padding-top: 1vw;}
.section2 .about_l .btop dt { width: 100%; overflow: hidden; line-height: 1.8; }
.section2 .about_l .btop dd { width: 100%; overflow: hidden; padding-top: 1.2vw; line-height: 1.8; }
.section2 .about_l .more { width: auto; overflow: hidden; display: block; float:right;}
.section2 .about_l .more i { color: #3fb150;}
.section2 .about_r { width: 44%; overflow: hidden; float: right;}
.section2 .about_r a { width: 100%; overflow: hidden; display: block; border-top-left-radius: 50px; border-bottom-right-radius: 50px; position: relative; z-index: 0; }
.section2 .about_r a dt { width: 100%; overflow: hidden; color: #FFF; font-size: 1.7vw; text-align: center; position: absolute; left: 0; top: 5.8vw; z-index: 10; }
.section2 .about_r a dd { width: 100%; overflow: hidden; border-top-left-radius: 50px; border-bottom-right-radius: 50px; }
.section2 .about_r a dd img { width: 100%; border-top-left-radius: 50px; border-bottom-right-radius: 50px; vertical-align: top; height: auto; }
.section2 .abdf { width: 100%; overflow: hidden; padding-top:1%; }
.section2 .abs { width: 25%; overflow: hidden; float: left; }
.section2 .abs a { width: 99.6%; overflow: hidden; display: block; margin: 0 auto; position: relative; }
.section2 .abs a .abs_img { width: 100%; overflow: hidden; }
.section2 .abs a i { width: 100%; height: 100%; display: block; background: url(../images/as.png) repeat; position: absolute; left: 0; top: 0; z-index: 5; -m oz-transition: .1s ease-in;
-webkit-transition: .1s ease-in; -o-transition: .1s ease-in; -ms-transition: .1s ease-in; transition: .1s ease-in; transition: all .1s; }
.section2 .abs a span { width: 18%; overflow: hidden; display: block; background-repeat: no-repeat; background-position-x: center; background-position-y: center; background-size: contain; position: absolute; position: absolute; left: 10%; top: 34%; z-index: 100; -m oz-transition: .3s ease-in;
-webkit-transition: .3s ease-in; -o-transition: .3s ease-in; -ms-transition: .3s ease-in; transition: .3s ease-in; transition: all .3s; }
.section2 .abs a p { position: absolute; left: 10%; top: 68%; z-index: 100; color: #FFF; -m oz-transition: .3s ease-in;
-webkit-transition: .3s ease-in; -o-transition: .3s ease-in; -ms-transition: .3s ease-in; transition: .3s ease-in; transition: all .3s; }
.section2 .abs a em { width: 100%; height: 100%; display: block; background: url(../images/ay.png) no-repeat; background-size: cover; position: absolute; left: 0; top: -100%; background-size: cover; position: absolute; z-index: 10; -m oz-transition: .5s ease-in;
-webkit-transition: .5s ease-in; -o-transition: .5s ease-in; -ms-transition: .5s ease-in; transition: .5s ease-in; transition: all .5s; }
.section2 .abs a ol { font-style: normal; color: #FFF; position: absolute; left: 10%; bottom: -100%; z-index: 100; -m oz-transition: .7s ease-in;
-webkit-transition: .7s ease-in; -o-transition: .7s ease-in; -ms-transition: .7s ease-in; transition: .7s ease-in; transition: all .7s; }
.section2 .abs a:hover i { top: -100%; }
.section2 .abs a:hover span { top: 10%; }
.section2 .abs a:hover p { top: 48%; }
.section2 .abs a:hover em { top: 0; }
.section2 .abs a:hover ol { bottom: 10%; }



@media screen and (max-width: 1331px) and (min-width:1025px) {

.section2 .about_l .atop dt i { top: 0; }
.section2 .about_l .atop dd { padding-top: 0; }
.section2 .about_l .btop { padding-top: 30px; }
.section2 .about_l .btop dt { }
.section2 .about_l .btop dd { padding-top: 20px;  }
.section2 .about_r { width: 40%;}
.section2 .abdf { padding-top: 10px; }

}
@media screen and (max-width: 1024px) and (min-width: 0px) {

.section2 .about_l { width: 100%; float: inherit;}
.section2 .about_l .btop{ position:relative;}
.section2 .about_l .btop .more{ position:absolute; right:0; bottom:0;}
.section2 .about_l .btop dt { display:none;}
.section2 .about_l .btop dd { padding-top:0; }
.section2 .about_r { display:none; }

}






/***section3***/
.section3 { background: #FFF; line-height: normal;height: 100%; z-index:0; position:relative; }
.section3 .fzlc { width: 100%; overflow: hidden; height:6.8vw;}
.section3 .fzlc dl { overflow: hidden; font-style: italic; font-weight: bolder;}
.section3 .fzlc dl dt span { font-family:Georgia; font-weight: bolder; color:#3fb150; }
.section3 .fzlc dl:nth-of-type(1){ width:16%; float: left;}
.section3 .fzlc dl:nth-of-type(2){ width:21%; float: left; margin:0 0 0 7%;}
.section3 .fzlc dl:nth-of-type(3){ width:13%; float: left; margin:0 0 0 7%;}
.section3 .fzlc dl:nth-of-type(4){ width:10%; float: left; margin:0 0 0 7%;}
.section3 .fzlc dl:nth-of-type(5){ width:13%; float: right; text-align:right;}
.section3 .fzlc dl:nth-of-type(5) dd{ padding-right:2em;}

.section3 .wray { width: 100%; height:60vh; margin-top:20px;}
.section3 .wray .sec { width: calc(100% / 3); height: 100%; float: left; background-position: center center; background-size: cover; -webkit-filter: grayscale(50%); filter: grayscale(50%); transition-duration: 0.5s; position: relative; }
.section3 .wray .sec::before { position: absolute; width: 100%; height: 100%; transition: 0.3s; }
.section3 .wray:hover .sec:hover { width: 46%; -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.section3 .wray:hover .sec:hover::before { opacity: 0; }
.section3 .wray:hover .sec:not(:hover) { width: 27%; }
.section3 .wray .sec .secimg{ width: 100%; overflow:hidden; display:none;}
.section3 .wray .sec .cp1 { width: 100%; color: #ffffff; position: absolute; left: 10%; bottom:2.8vw; z-index: 10; }
.section3 .wray .sec .cp1 .iop { width: 80%; overflow: hidden; display: block; }
.section3 .wray .sec .cp1 .iop i { display: block; }
.section3 .wray .sec .cp1 dt { width: 80%; overflow: hidden; padding-top: 2vw; font-weight:bolder; }
.section3 .wray .sec .cp1 dd { width: 80%; overflow: hidden; padding-top: 10px; }
.section3 .wray .sec em { width: 100%; height: 100%; background: url(../images/as.png) repeat; display: block; position: absolute; left: 0; bottom: 0; z-index: 5; }
.section3 .wray .sec .cp2 { display: none; }
.section3 .wray .sec:hover .cp1, .section3 .wray .sec:hover em { display: none; }
.section3 .wray .sec:hover .cp2 { width: 100%; display: block; }
.section3 .wray .sec .cp2 a { width: 100%; display: block; color: #ffffff; }
.section3 .wray .sec .cp2 a dl { width: auto; overflow: hidden; position: absolute; left: 10%; bottom: 5vh; z-index: 10; }
.section3 .wray .sec .cp2 a i { display: block; color: #ffffff; position: absolute; right: 10%; bottom:5vh; z-index: 10; }
.section3 .wray .sec .cp2 a em { width: 100%; height:15vh; display: block; background: url(../images/case.png) repeat-y; background-size: contain; position: absolute; right: 0; bottom: 0; z-index: 5; border-top-right-radius: 50px; }
.wapcase{ display:none;}

@media screen and (max-width: 1400px) and (min-width:641px) {
.section3 .wray .sec .cp1 dt { line-height: 2; padding-top: 2.4vw; }
.section3 .wray .sec .cp1 dd { line-height: normal; }
.section3 .wray .sec .cp2 a dl { bottom: 1.2vw;}
.section3 .wray .sec .cp2 a em { display: block;}
}

@media only screen and (max-width: 1024px) and (min-width: 0px)  {
.wray{ display:none;}
.section3 .fzlc { height:inherit;}
.section3 .fzlc.f18{ font-size:0.22rem;}
.wapcase{ width: 100%; overflow:hidden; display:block; margin-top:5%;}
.wapcase dl{ width: calc((100% - 10px)/2); margin:10px 2px 5px 3px; float:left; line-height:normal;}
.wapcase dl dt{ width:100%; overflow:hidden;}
.wapcase dl dt img{ vertical-align:top;}
.wapcase dl dd{ width:100%; overflow:hidden; background:url(../images/ay.png) repeat-y; background-size:cover; padding:5px 0; text-align:center; height:24px; line-height:24px; overflow:hidden;}
.wapcase dl a dd{ color:#FFF;}
}
@media only screen and (max-width:480px) and (min-width: 0px)  {
.wapcase dl:nth-child(5), .wapcase dl:nth-child(6){ display:none;}
}

@media only screen and (max-width: 640px) and (min-width: 0px)  {

.section3 .fzlc dl { width: 33.33%; padding: 0 0; margin-bottom:5px; text-align:center; }
.section3 .fzlc dl:nth-of-type(1){ width:33.33%; float: left;}
.section3 .fzlc dl:nth-of-type(2){ width:33.33%; float: left; margin:0 0 5px 0;}
.section3 .fzlc dl:nth-of-type(3){ width:33.33%; float: left; margin:0 0 5px 0;}
.section3 .fzlc dl:nth-of-type(4){ width:33.33%; float: left; margin:0 0 5px 0}
.section3 .fzlc dl:nth-of-type(5){ width:33.33%; float: left; margin:0 0 5px 0; text-align:left;}
.section3 .fzlc dl:nth-of-type(5) dd{ padding-right:inherit;}




}
/***section4***/
.section4 { background: #e6e6e6; line-height: normal; position: relative; z-index: 0;min-height:100vh; overflow:hidden;}
.tita{ width: 100%; overflow:hidden;}
.tita dl{ width:auto; overflow:hidden; float:left;}
.tita dl dt{ background:url(../images/ioc1.png) no-repeat left center; padding-left:46px; font-weight:bold;}
.tita dl dt a{ color:#3fb150;}
.tita dl dd{ padding-top:10px;}
.tita .more{ width:15%; height:3.2vw; line-height:3.2vw; background:url(../images/more.jpg) repeat-y; background-size:contain; border-top-left-radius:5px; border-bottom-right-radius:5px; display:block; color:#FFF; float:right; text-transform:uppercase; text-align:center;}
.tita .more:hover{ margin-right:10px;}
.section4 .wray { width: 100%; height:60vh; margin-top:1.5vw;}
.section4 .wray .sec { width: calc(100% / 5); height: 100%; float: left; background-position: center center; background-size: cover; -webkit-filter: grayscale(50%); filter: grayscale(50%); transition-duration: 0.5s; position: relative; border-bottom-right-radius:50px; }
.section4 .wray .sec::before { position: absolute; width: 100%; height: 100%; transition: 0.3s; }
.section4 .wray:hover .sec:hover { width: 54%; -webkit-filter: grayscale(0%); filter: grayscale(0%); }
.section4 .wray:hover .sec:hover::before { opacity: 0; }
.section4 .wray:hover .sec:not(:hover) { width: 11.5%; }
.section4 .wray .sec .cp1 { width: 100%; overflow: hidden;}
.section4 .wray .sec .cp1 dt { width: 80%; overflow: hidden; position: absolute; right:10%; bottom:30px; z-index: 10; color: #ffffff;}
.section4 .wray .sec .cp1 dd { width: 100%; height:100%; position: absolute; right: 0; bottom: 0; z-index:2; background: rgba(0, 0, 0, .4); border-bottom-right-radius:50px;}
.section4 .wray .sec .cp2 { display: none; }
.section4 .wray .sec:hover .cp1{ display: none; }
.section4 .wray .sec:hover .cp2 { width: 100%; height:100vh; display:block; position: absolute; left: 0; top:20%; z-index: 20;}
.section4 .wray .sec:hover .cp2 a{color:#000;}
.section4 .wray .sec .cp2 a { width: 76%; display: block; background:#FFF; overflow:hidden; padding:2.2vw 0; color:#000;}
.section4 .wray .sec .cp2 a dl { width: 80%; overflow: hidden; margin:0 auto;}
.section4 .wray .sec .cp2 a dl dt { font-weight:bolder; }
.section4 .wray .sec .cp2 a dl dd{ width: 100%; overflow: hidden; line-height:2; padding-top:1.2vw;}
.section4 .wray .sec .cp2 a dl dd span{ font-weight:bolder;}
.section4 .wray .sec .cp2 a dl i { display: block; color: #3fb150; padding-top:1.2vw;}

@media only screen and (max-width:640px) and (min-width:0)  {
.tita dl{ float:inherit;}
.tita dl dt{ padding-left:36px; }
.tita .more{ display:none;}
}


/***section5***/
.section5 { background: #ffffff; line-height: normal; position: relative; z-index: 0;min-height:100vh; overflow:hidden;}
.section5 .nwlb{ width:auto; overflow:hidden; float:right; margin-top:1vw;}
.section5 .nwlb a{background:url(../images/newa.png) no-repeat right center; float:left; padding-right:1.4vw; margin-left:1.4vw;}
.section5 .nwlb a:last-child{ background:none;}
.section5 .newa{ width:48%; overflow:hidden; float:left; margin-top:1.6vw;}
.section5 .newa dt{ width: 100%; overflow:hidden;}
.section5 .newa dd{ width: 100%; overflow:hidden; position:relative; padding-top:1.2vw;}
.section5 .newa dd .newt{ width: 100%; overflow:hidden; display:block; height:1.6vw; line-height:1.6vw;}
.section5 .newa dd p{ width: 100%; overflow:hidden; line-height:1.8; padding-top:1vw;}
.section5 .newa dd .db_ne{ width: 100%; overflow:hidden; display:block; padding-top:1vw;}
.section5 .newa dd .db_ne span{ width:auto; overflow:hidden; display:block; float:left; padding-top:1vw;}
.section5 .newa dd .db_ne .more{ width:auto; display:block; float:right;}
.section5 .newa dd .db_ne .more i{color:#eeeeee;}
.section5 .newa:hover dt img{ transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); -o-transform: scale(1.1, 1.1);}
.section5 .newa:hover dd .newt{ color:#3fb150;}
.section5 .newa:hover dd .more i{ color:#3fb150;}
.section5 .newb{ width:46%; overflow:hidden; float:right;}
.section5 .newb li{ width: 100%; overflow:hidden; padding:1.2vw 0; border-bottom:1px #eeeeee solid; position:relative;}
.section5 .newb li .newt{ width: 100%; overflow:hidden; display:block; height:1.6vw; line-height:1.6vw;}
.section5 .newb li p{ width: 100%; overflow:hidden; line-height:1.8; padding-top:1vw;} 
.section5 .newb li .db_ne{ width: 100%; overflow:hidden; display:block; padding-top:1vw;}
.section5 .newb li span{ width:auto; overflow:hidden; display:block; float:left; padding-top:1vw;}
.section5 .newb li .more{ width:auto; display:block; float:right;}
.section5 .newb li .more i{color:#eeeeee;}
.section5 .newb li:last-child{ display:none;}
.section5 .newb li:hover{ border-bottom:1px #3fb150 solid;}
.section5 .newb li:hover .newt{ color:#3fb150;}
.section5 .newb li:hover .more i {color:#3fb150;}
@media screen and (max-width: 1331px) and (min-width:1025px) {
.section5 .nwlb{ margin-top:10px;}
.section5 .newa{ margin-top:20px;}
.section5 .newa dd{ padding-top:20px;}
.section5 .newa dd .newt{ height:24px; line-height:24px;}
.section5 .newa dd p{ padding-top:10px; height:45px;}
.section5 .newa dd .db_ne{padding-top:20px;}
.section5 .newb li{ padding:20px 0;}
.section5 .newb li .newt{ height:24px; line-height:24px;}
.section5 .newb li p{ padding-top:10px; height:45px;} 
.section5 .newb li .db_ne{padding-top:20px;} 
}
@media only screen and (max-width:1024px) and (min-width:0)  {
.section5 .nwlb{ display:none;}
.section5 .newa{ width:80%; float:inherit; margin:20px auto 0 auto;}
.section5 .newa dd{ padding-top:10px;}
.section5 .newa dd .newt{ height:24px; line-height:24px;}
.section5 .newa dd p{ display:none;}
.section5 .newa dd .db_ne{ padding-top:10px;}
.section5 .newa dd .db_ne .more i{ color:#3fb150;}
.section5 .newb{ width:100%; float:inherit; padding-top:20px;}
.section5 .newb li{ width:48%; padding:10px 0; float:left;}
.section5 .newb li:nth-of-type(odd) { float: left; }
.section5 .newb li:nth-of-type(even) { float: right; }
.section5 .newb li .newt{ height:24px; line-height:24px;}
.section5 .newb li p{ display:none;}
.section5 .newb li .db_ne{ padding-top:10px;} 
.section5 .newb li .db_ne .more i{ color:#3fb150;}
.section5 .newb li:last-child{ display:block;}
}
@media only screen and (max-width:420px) and (min-width: 0px)  {
.section5 .newa{ width:60%;}
.section5 .newb{ padding-top:1vw;}

}
/***section6***/
.section6 { background:#e6e6e6; line-height: normal; position: relative; z-index: 0;min-height:100vh; overflow:hidden;}
.hzkh{ width: 100%; overflow:hidden; padding-top:2.24vw;}
.hzkh dl{ width:20%; overflow:hidden; float:left; margin-bottom:1vw;}
.hzkh dl a{ width:96%; overflow:hidden; display:block; margin:0 auto; position:relative;}
.hzkh dl a dt{ width: 100%; overflow:hidden; border-top-left-radius:50px; border-bottom-right-radius:50px;}
.hzkh dl a dt img{ width: 100%; overflow:hidden; border-top-left-radius:50px; border-bottom-right-radius:50px; vertical-align:top;}
.hzkh dl a i{ width: 100%; overflow:hidden; display:block; text-align:center; color:#FFF; -webkit-transform: rotate(90deg); transform: rotate(90deg); position:absolute; left:0; top:-100%; font-size:2.5vw; z-index:10; -m oz-transition: .5s ease-in;
-webkit-transition: .5s ease-in; -o-transition: .5s ease-in; -ms-transition: .5s ease-in; transition: .5s ease-in; transition: all .5s;}
.hzkh dl a em{ width: 100%; height:100%; display:block; background:url(../images/case.png) repeat-y; background-size:contain; opacity:0.6; position:absolute; left:0; bottom:-100%; border-top-left-radius:50px; border-bottom-right-radius:50px; -m oz-transition: .7s ease-in;
-webkit-transition: .7s ease-in; -o-transition: .7s ease-in; -ms-transition: .7s ease-in; transition: .7s ease-in; transition: all .7s;}
.hzkh dl a:hover i{ top:30%;}
.hzkh dl a:hover em{ bottom:0;}


@media only screen and (max-width:1024px) and (min-width:0)  {
.tita .more{ display:none;}
.hzkh{ padding-top:20px;}
.hzkh dl{ width:33.33%;}
.hzkh dl a{ width:80%;}
.hzkh dl a dt{ border-top-left-radius:10px; border-bottom-right-radius:10px;}
.hzkh dl a dt img{ border-top-left-radius:10px; border-bottom-right-radius:10px;}

.hzkh dl:nth-of-type(19), .hzkh dl:nth-of-type(20){ display:none;}

}
/***section7***/
.section7 { background: #484848; }
.titb{ width: 100%; overflow:hidden;}
.titb span{ background:url(../images/ioc1.png) no-repeat left center; padding-left:46px; font-size:1.6vw; font-weight:bold; color:#3fb150; display:block;}





@media only screen and (max-width:1024px) and (min-width:0)  {
.section7 .footer{ display:block; padding:0 0;}
.section7 .footer .foot1{ width:100%; float:inherit; margin-right:inherit; margin-bottom:10px;}
.section7 .footer .foot1 dd p{ width:25%; display:block; float:left; height:22px; line-height:22px; margin-bottom:5px;}
.section7 .footer .foot1 dt{ padding-bottom:15px;}
.section7 .footer .foot1 dd{ padding-top:15px;}
.section7 .footer .foot2{ width:100%; float:inherit;}
.section7 .footer .foot2 dt{ padding-bottom:15px;}
.section7 .cplink{ display:none;}
.section7 .footer .ewm dt, .section7 .footer .ewm dd ,.titb{ display:none;}

.footer .ewm { width: 50%; float:inherit; margin:20px auto 0 auto; }
}

@media only screen and (max-width:420px) and (min-width: 0px)  {
.section7 .footer .foot1 dt{ padding-bottom:10px;}
.section7 .footer .foot1 dd{ padding-top:10px;}
.section7 .footer .foot1 dd a{ width:33.33%; margin-bottom:0;}
.section7 .footer .foot2 dt{ padding-bottom:10px;}

}

@media only screen and (max-width:420px) and (min-width: 0px)  {
.section7 .footer .foot2{ display:none;}


}